import React,{Component} from 'react';

import { Icon } from 'antd';

import './Item.css';

export default class extends Component{

    constructor(props){
        super(props)
        
    }

    render(){

        let {author,create_time,content,img} = this.props.data;
        console.log(this.props.data)
        return(<div className="item-container">
            
            <div className="item-avatar">
                <img  src="https://pbs.twimg.com/profile_images/508960761826131968/LnvhR8ED_reasonably_small.png"/> 
            </div>

            <div className="item-message">
                <h3><span>{author}</span>  <span style={{color:"#999"}}>{create_time}</span></h3>
                <p style={{color:"#000"}}>{content}</p>
                <img  className="item-message-img"  src={img}/>
            
                <div className="item-tools">
                    <div className="item-tools-i">
                        <Icon type="like-o"   style={{fontSize:"18px"}} /><span>100</span>
                    </div>
                    <div className="item-tools-i">
                        <Icon type="message" style={{fontSize:"18px"}} /><span>100</span>
                    </div>
                    <div className="item-tools-i">
                        <Icon type="link" style={{fontSize:"18px"}} /><span>100</span>
                    </div>

                    
                    
                    
                </div>
            </div>
            
            </div>)
    }
}

